*{
    margin:0;
    padding:0;
}
body{
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display:flex;
}
#bg{
    width: 100vw;
    height: 100vh;
    background: url(../images/girl2.png);
    position:absolute;
    left: 0;
    top:0;
    z-index: -1;
    filter: blur(40px);
}
.container{
    width: 800px;
    height: 450px;
    position: relative;
    transform-style:preserve-3d;
}
.item{
    width: 40px;
    height: 30px;
    position: absolute;
    transform-style: preserve-3d;
}

.item .zheng{
    width: 100%;
    height: 100%;
    background-image: url('../images/girl.png');
    background-size: 800px 450px;
    position: absolute;
    left: 0;
    top: 0;
}
.item .fan{
    width: 100%;
    height: 100%;
    background-image: url('../images/girl2.png');
    background-size: 800px 450px;
    position: absolute;
    left: 0;
    top: 0;
}
.item .top{
    width: 100%;
    height: 100%;
    background-image: url('../images/girl3.png');
    background-size: 800px 450px;
    position: absolute;
    left: 0;
    top: 0;
}
.item .bottom{
    width: 100%;
    height: 100%;
    background-image: url('../images/girl4.png');
    background-size: 800px 450px;
    position: absolute;
    left: 0;
    top: 0;
}

.item .left{
    position: absolute;
    left:0;
    top:0;
    background: black;
}

.item .right{
    position: absolute;
    right:0;
    top:0;
    background: black;
}